<!---->
<template>
  <div class="text-xs-center">
    <v-progress-circular indeterminate color="primary"></v-progress-circular>

    <v-progress-circular indeterminate color="red"></v-progress-circular>

    <v-progress-circular indeterminate color="purple"></v-progress-circular>

    <v-progress-circular indeterminate color="green"></v-progress-circular>

    <v-progress-circular indeterminate color="amber"></v-progress-circular>
  </div>
</template>
<script>
export default {
  data() {
    return {
      text: ""
    };
  },
  mounted() {
    this.$HTTP.api({
      url: "http://58.240.82.126:35808/cube/login/companyLogin",
      method: "POST",
      emulateJSON: false,
      params: {
        username: "144009249",
        password: "123",
        userRole: "9"
      },
      successCallback: function(result) {
        this.$global.log(JSON.stringify(result))
      }.bind(this)
    });
  },
  methods: {
    appendIconCallback() {
      alert(12);
    },
    prependIconCallback() {
      alert(12);
    }
  }
};
</script>